// main.ts 为项目的入口文件，在 index.html 中加载该文件
// import './assets/main.css'

// 导入自定义的CSS样式文件，用于应用全局样式

// 从'vue'库中导入createApp函数，这是Vue3中创建应用的方式
import { createApp } from 'vue'
// 导入Vue组件App，这是应用的根组件
// import App from './04-Vue响应式数据reactive.vue'
// import App from './05-Vue响应式数据ref.vue'
// import App from './06-Vue指令-内容渲染.vue'
// import App from './07-Vue指令-条件渲染.vue'
// import App from './08-Vue指令-条件渲染-补充.vue'
// import App from './09-Vue指令-事件绑定.vue'
// import App from './10-Vue指令-属性绑定.vue'
// import App from './11-Vue指令-列表渲染.vue'
// import App from './12-Vue指令-列表渲染-补充.vue'
// import App from './13-Vue指令-双向绑定.vue'
// import App from './14-案例-黑马书架.vue'
// import App from './15-计算属性-计算函数.vue'
// import App from './16-计算属性-完整写法.vue'
// import App from './17-侦听器watch-基本用法.vue'
// import App from './18-侦听器watch-进阶用法.vue'
// import App from './19-Vue生命周期函数.vue'
// import App from './20-案例-新闻列表.vue'
// import App from './21-ref获取DOM元素.vue'
// import App from './22-案例-水果店购物车.vue'
import App from './App.vue'
// 1. 创建组件
// 2. 导入组件
import HmButton from './components/HmButton.vue'

// 创建Vue应用，并将其挂载到页面的指定DOM元素上
// createApp(App).mount('#app')
// 创建 Vue 应用程序实例，参数 App 是根组件，用于初始化应用
const app = createApp(App)

// 3. 注册全局组件，app.component() 需要书写在 app.mount() 前面
app.component('HmButton', HmButton)

app.mount('#app')
